Skip to content

feat(tournaments-ticker): add new redesigned ticker with variants for AB testing#7303

Open
Eetwalt wants to merge 52 commits intomainfrom
new-tournament-list
Open

feat(tournaments-ticker): add new redesigned ticker with variants for AB testing#7303
Eetwalt wants to merge 52 commits intomainfrom
new-tournament-list

Conversation

@Eetwalt
Copy link
Collaborator

@Eetwalt Eetwalt commented Mar 25, 2026

Summary

This PR introduces the redesigned tournament ticker for mainpages. We're rolling this out on a couple wikis first, so we're not going to replace the existing ticker before it's rolled out everywhere. This PR:

  • Adds Widget/Tournaments/Ticker/List with a tab-based phase navigation variant (default) and a collapsible variant (AB test - will most likely settle for one)
  • Adds a subtle tier pill variant with configurable colorScheme (full/top3) (Tier colors is AB test - will most likely settle for one)
  • Extracts data fetching into a reusable Widget/Tournaments/Ticker/Data module
  • Moves ChevronToggle from Widget/Participants/Team/ to Widget/GeneralCollapsible/ for broader reuse
  • Updates apexlegends, fortnite, leagueoflegends, pubgmobile, and trackmania to use the new widget

Notes

  • stylesheets/commons/TournamentTags.scss has hardcoded hex values. My thinking was doing the AB test like this, and make variables to skin when we settle on the approach to avoid double work.

How did you test this change?

|dev=ntl on the mainpages of wikis listed below + devtools

Variants:

  • Apex - 3 colors, tabs
  • Trackmania - 3 colors, collapsible
  • PUBGM - 5 colors, tabs
  • Fortnite - 5 colors, collapsible
  • LoL - 3 colors, tabs
image image

@ElectricalBoy ElectricalBoy added g: pubgmobile PUBG (Mobile) g: trackmania Trackmania Games labels Mar 26, 2026
Copy link
Collaborator

@ElectricalBoy ElectricalBoy left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

lgtm; comments are optional

@Eetwalt Eetwalt requested a review from mbergen March 27, 2026 07:36
link = tournament.pageName,
options = {noTemplate = true},
}
or Icon{iconName = 'firstplace', size = '1.125rem'}
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Should this rather be in LeagueIcon.display, replacign the current FILLER icon?

Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Hmm, so downloading the icon SVGs as black and white variants, uploading both to LP, replacing the FILLER with them with the theming logic?

Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Ah, actually the FILLER in LeagueIcon is a blank image. Disregard that then.
However, IMO we should be consistent, and not display a placeholder here as well if theres no icon.

Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Yeah I didn't realize the FILLER icon even existed and trying to think how we should solve this. Maybe we make the LeagueIcon.display return string (if image) or Widget (if placeholder trophy icon)?

Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

5dea231

This seems to work

Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This will affect all other places where LeagueIcon is used. Is that really intended?
I don't see an issue with not having an icon when there's none for a tournament.

Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

image

tested on result table too, looks alright to me

Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

However, IMO we should be consistent, and not display a placeholder here as well if theres no icon.

Oh I actually misread this backwards. Thought you meant we should display it everywhere. I agree we should go with either no icon or icon everywhere.

@PiddyNydra what do you think?

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Agreed with @mbergen, I think noicon is fine indeed

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

c: tournaments_ticker g: apex Apex Legends g: fortnite Fortnite g: leagueoflegends League of Legends g: pubgmobile PUBG (Mobile) g: trackmania Trackmania Games stylesheets Changes to stylesheets

Projects

None yet

Development

Successfully merging this pull request may close these issues.

5 participants